﻿<!DOCTYPE HTML>
<html>
    <head>
    	<title>SMIT</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <script type="text/javascript" charset="utf-8" src="../js/librerias/phonegap.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/librerias/jquery.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery.mobile-1.0.1.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery-ajax-queue_1.0.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery.ajaxmanager.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/parametros.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/parametros_base.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/Helper.js"></script>
        
        <!--Importando Modelos de SMIT_BASE-->
		<!--<script type="text/javascript" charset="utf-8" src="../js/modelos/smit_base/Banco.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smit_base/CondiPer.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smit_base/JerarFun.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smit_base/Estacionamiento.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smit_base/Motivo.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smit_base/TipoCue.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smit_base/TipoVia.js"></script>-->
        
		<!--Importando Modelos de SMIT-->
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smit/DatosInf.js"></script>
		
		<!--Parametros de Base de Datos-->
        <script type="text/javascript" charset="utf-8" src="../js/bd/BD.js"></script>
        
        <!--Creador-->
        <script type="text/javascript" charset="utf-8" src="../js/infraccion/ConsultarInfraccion.js"></script>
        
        <script type="text/javascript" charset="utf-8">
			document.addEventListener("deviceready", onDeviceReady, false);
        </script>
        
        <link rel="stylesheet" href="../css/jquery.mobile-1.0.1.css" />
        <link rel="stylesheet" href="../css/smit_theme.css" />
    </head>
    
    <body>
    	<!--Pagina Principal-->
        <div data-role="page" id="consultarInfraccion" data-theme="a" data-title="SMIT - Consultar una Infracción">
            <div data-role="header">
                <a id="atras" name="atras" data-role="button" data-icon="arrow-l" data-transition="slide">Atras</a>
                <table width="45%" align="center">
                    <tr>
                        <td width="25px" id="imagen_usuario">
                        </td>
                        <td id="titulo_sistema" align="center">
                        </td>
                        <td width="25px" id="imagen_servidor">
                        </td>
                    </tr>

				</table>
                <a id="inicio" name="inicio" data-role="button" data-icon="home" data-transition="slide" data-iconpos="right">Inicio</a>
            </div>
            
			<div data-role="content">
				<form>
                	<h2>Consultar una Infracción</h2>
                
					<div data-role="fieldcontain">
						<label for="id_infraccion">ID Infracción:<sup> * </sup></label>
						<input id="id_infraccion" name="id_infraccion" type="number" placeholder="ID INFRACCIÓN" required="required" pattern="[0-9]*" />
                        <input id="id_opcion" name="id_opcion" type="hidden" value="9" />
						
						<br />	
						<div id="campo_obligatorio" class="campo_obligatorio">* Campo Obligatorio</div>
						
						<br />
						<button id="consultar" name="consultar" type="button" data-theme="a">Consultar</button> 
					</div>
					
					<div data-role="fieldcontain" id="div_datos_inf">
						<h3>Información de la Infracción</h3>
						
                        <div id="div_nro_boleta">
                            <label for="nro_boleta">Nro. Boleta:</label>
                            <input id="nro_boleta" name="nro_boleta" type="text" placeholder="NRO. BOLETA" readonly="readonly" />
						</div>
                        
						<label for="fecha">Fecha de la Infracción:</label>
						<input id="fecha" name="fecha" type="text" placeholder="FECHA DE LA INFRACCIÓN" readonly="readonly" />	
						
						<label for="hora">Hora de la Infracción:</label>
						<input id="hora" name="hora" type="text" placeholder="HORA DE LA INFRACCIÓN" readonly="readonly" />
						
                        <label for="nombre_motivo">Motivo de la Infracción:</label>
						<input id="nombre_motivo" name="nombre_motivo" type="text" placeholder="MOTIVO DE LA INFRACCIÓN" readonly="readonly" />
						
						<label for="nombre_status">Estatus de la Infracción:</label>
						<input id="nombre_status" name="nombre_status" type="text" placeholder="ESTATUS DE LA INFRACCIÓN" readonly="readonly" />
                        
						<label for="observaciones">Observaciones:</label>
						<textarea id="observaciones" name="observaciones" placeholder="OBSERVACIONES" readonly="readonly" rows="3" cols="31"></textarea>
					</div>
                    
                    <div data-role="fieldcontain" id="div_ubica_inf">
						<h3>Datos de la Ubicación</h3>
					
						<label for="nombre_estado">Entidad Federal:</label>
						<input id="nombre_estado" name="nombre_estado" type="text" placeholder="ENTIDAD FEDERAL" readonly="readonly" />
							
						<label for="nombre_municipio">Municipio:</label>
						<input id="nombre_municipio" name="nombre_municipio" type="text" placeholder="MUNICIPIO" readonly="readonly" />
						
                        <div id="div_parroquia">
                            <label for="nombre_parroquia">Parroquia:</label>
                            <input id="nombre_parroquia" name="nombre_parroquia" type="text" placeholder="PARROQUIA" readonly="readonly" />
						</div>
                        
                        <div id="div_sector">
                            <label for="nombre_sector">Sector:</label>
                            <input id="nombre_sector" name="nombre_sector" type="text" placeholder="SECTOR" readonly="readonly" />
						</div>
                        
						<label for="nombre_tipo_via">Tipo de Vía:</label>
						<input id="nombre_tipo_via" name="nombre_tipo_via" type="text" placeholder="TIPO DE VÍA" readonly="readonly" />
						
						<label for="referencia">Referencia:</label>
						<textarea id="referencia" name="referencia" placeholder="REFERENCIA" readonly="readonly" rows="3" cols="31"></textarea>	
					</div>
                    
                    <div data-role="fieldcontain" id="div_infractor">
						<h3>Datos del Infractor</h3>
					
						<label for="identificacion_infractor">Identificación del Infractor:</label>
						<input id="identificacion_infractor" name="identificacion_infractor" type="text" placeholder="IDENTIFICACION DEL INFRACTOR" readonly="readonly" />
							
						<label for="nombre_infractor">Nombre del Infractor:</label>
						<input id="nombre_infractor" name="nombre_infractor" type="text" placeholder="NOMBRE DEL INFRACTOR" readonly="readonly" />
						
						<label for="sexo">Sexo:</label>
						<input id="sexo" name="sexo" type="text" placeholder="SEXO" readonly="readonly" />
							
						<label for="edad">Fecha de Nacimiento - Edad:</label>
						<input id="edad" name="edad" type="text" placeholder="FECHA DE NACIMIENTO - EDAD" readonly="readonly" />
                        
                       	<label for="grado_lic">Grado de la Licencia:</label>
						<input id="grado_lic" name="grado_lic" type="text" placeholder="GRADO DE LA LICENCIA" readonly="readonly" />
                            
                        <br />
                        
						<label for="domicilio">Domicilio:</label>
						<textarea id="domicilio" name="domicilio" placeholder="DOMICILIO" readonly="readonly" rows="3" cols="31"></textarea>
                           
                        <label for="telefono">Teléfono:</label>
						<input id="telefono" name="telefono" type="text" placeholder="TELÉFONO" readonly="readonly" />
                        
                        <label for="celular">Celular:</label>
						<input id="celular" name="celular" type="text" placeholder="CELULAR" readonly="readonly" />
                        
                        <label for="correo">Correo:</label>
						<input id="correo" name="correo" type="text" placeholder="CORREO" readonly="readonly" />   
						
                        <br />
                        
						<label for="nombre_condi_per">Condición:</label>
						<input id="nombre_condi_per" name="nombre_condi_per" type="text" placeholder="CONDICIÓN" readonly="readonly" />	
					</div>
                    
                    <div data-role="fieldcontain" id="div_infracciones">
						<h3>Infracciones Sancionadas</h3>
						
                        <div id="div_infra_san">
						</div>
                        
						<label for="importe">Importe:</label>
						<input id="importe" name="importe" type="text" placeholder="IMPORTE" readonly="readonly" />
					</div>
                    
                    <div data-role="fieldcontain" id="div_datos_pag">
                    	<h3>Datos del Pago</h3>
                        
                        <label for="nombre_usuario_pag">Usuario de Registro:</label>
						<input id="nombre_usuario_pag" name="nombre_usuario_pag" type="text" placeholder="USUARIO DE PAGO" readonly="readonly" />
                        
                        <label for="fecha_pago">Fecha de Pago:</label>
						<input id="fecha_pago" name="fecha_pago" type="text" placeholder="FECHA DE PAGO" readonly="readonly" />
					</div>
                    
                    <div data-role="fieldcontain" id="div_datos_veh">
						<h3>Datos del Vehículo</h3>
					
						<label for="placa">Placa:</label>
						<input id="placa" name="placa" type="text" placeholder="PLACA" readonly="readonly" />
							
						<label for="serial_carroceria">Serial Carrocería:</label>
						<input id="serial_carroceria" name="serial_carroceria" type="text" placeholder="SERIAL CARROCERÍA" readonly="readonly" />
						
						<label for="marca">Marca:</label>
						<input id="marca" name="marca" type="text" placeholder="MARCA" readonly="readonly" />
							
						<label for="modelo">Modelo:</label>
						<input id="modelo" name="modelo" type="text" placeholder="MODELO" readonly="readonly" />
                        
                        <label for="anyo">Año:</label>
						<input id="anyo" name="anyo" type="text" placeholder="AÑO" readonly="readonly" />
                        
                        <label for="color">Color:</label>
						<input id="color" name="color" type="text" placeholder="COLOR" readonly="readonly" /> 
                        
                       	<label for="tipo">Tipo:</label>
						<input id="tipo" name="tipo" type="text" placeholder="TIPO" readonly="readonly" />
                           
                        <label for="uso">Uso:</label>
						<input id="uso" name="uso" type="text" placeholder="USO" readonly="readonly" />
					</div>
                    
                    <div data-role="fieldcontain" id="div_datos_rem">
						<h3>Datos del Remolque</h3>
                        
                        <label for="identificacion_operador">Identificación del Operador:</label>
						<input id="identificacion_operador" name="identificacion_operador" type="text" placeholder="IDENTIFICACIÓN DEL OPERADOR" readonly="readonly" />
						
						<label for="nombre_operador">Nombre del Operador:</label>
						<input id="nombre_operador" name="nombre_operador" type="text" placeholder="NOMBRE DEL OPERADOR" readonly="readonly" />
                        
                        <label for="placa_grua">Placa Grúa:</label>
						<input id="placa_grua" name="placa_grua" type="text" placeholder="PLACA GRÚA" readonly="readonly" />
						
						<label for="nombre_estacionamiento">Nombre Estacionamiento:</label>
						<input id="nombre_estacionamiento" name="nombre_estacionamiento" type="text" placeholder="ESTACIONAMIENTO" readonly="readonly" />
					</div>
					
					<div data-role="fieldcontain" id="div_datos_fun">
                    	<h3>Datos del Funcionario</h3>
                        
                        <label for="identificacion_funcionario">Identificación del Funcionario:</label>
						<input id="identificacion_funcionario" name="identificacion_funcionario" type="text" placeholder="IDENTIFICACIÓN DEL FUNCIONARIO" readonly="readonly" />
                        
                        <label for="nombre_funcionario">Nombre del Funcionario:</label>
						<input id="nombre_funcionario" name="nombre_funcionario" type="text" placeholder="NOMBRE DEL FUNCIONARIO" readonly="readonly" />
                        
                        <label for="nombre_jerar_fun">Jerarquia:</label>
						<input id="nombre_jerar_fun" name="nombre_jerar_fun" type="text" placeholder="JERARQUIA" readonly="readonly" />
                        
                        <label for="nombre_modulo">Modulo:</label>
						<input id="nombre_modulo" name="nombre_modulo" type="text" placeholder="MODULO" readonly="readonly" />	
					</div>
                    
                    <div data-role="fieldcontain" id="div_datos_reg">
                    	<h3>Datos del Registro</h3>
                        
                        <label for="nombre_usuario_reg">Usuario de Registro:</label>
						<input id="nombre_usuario_reg" name="nombre_usuario_reg" type="text" placeholder="USUARIO DE REGISTRO" readonly="readonly" />
                        
                        <label for="fecha_registro">Fecha de Registro:</label>
						<input id="fecha_registro" name="fecha_registro" type="text" placeholder="FECHA DE REGISTRO" readonly="readonly" />
					</div>
					
					<br />
					<button id="atras2" name="atras2" type="button" data-theme="a" data-icon="arrow-l">Atras</button>
				</form>
            </div>
			
            <div data-role="footer">
                <div id="municipio_pie_pagina" class="pie_pagina"></div>
                <div id="estado_pie_pagina" class="pie_pagina"></div>
            </div>
        </div>
    </body>
</html>